// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.store-payment-method {
  display: grid;
  grid-gap: 5px 20px;
  margin-bottom: 20px;

  @media @desktop {
    grid-template-columns: 1fr 1fr;
  }

  &__cell {
    text-align: center;

    @media @desktop {
      text-align: start;
    }
  }

  &__provider {
    height: 20px;
    margin: 4px 4px 4px 0;

    // stop the bitcash icon from flying around
    &:last-child {
      margin-right: 0;
    }

    &--light {
      height: 30px;
      padding: 5px 10px;
      background-color: @osu-colour-c1;
      border-radius: @border-radius-large;
    }

    &--tall {
      height: 30px;
    }
  }
}
